import { createRouter, createWebHistory } from "vue-router";
import Home from "@/views/home/index.vue";
import Playlist from "@/views/playlist/index.vue";
import Song from "@/views/song/index.vue";
import Artist from "@/views/artist/index.vue";

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: "/",
      name: "home",
      component: Home,
    },
    {
      path: "/playlist/:id",
      name: "playlist",
      component: Playlist,
    },
    {
      path: "/song/:id",
      name: "song",
      component: Song,
    },
    {
      path: "/artist/:id",
      name: "artist",
      component: Artist,
    },
  ],
});

export default router;
